<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="Rain.css">
    <title>Document</title>
</head>
<body>
    <div class="header">
        <div class="title">雨</div>
        <div class="item-content">
            <ul>
                <li><a href="#listen">听</a></li>
                <li><a href="#watch">赏</a></li>
                <li><a href="#taste">品</a></li>
            </ul>
        </div>
    </div>

    <hr />

    <div class="main">
        <div id="listen">

        </div>
        <hr />
        <div id="watch">

        </div>
        <hr />
        <div id="taste">
            <div class="content">
                <div class="title">
                    山居秋暝
                </div>
                <div class="poem">
                    <p>空山新雨后，天气晚来秋。</p>
                    <p>明月松间照，清泉石上流。</p>
                    <p>竹喧归浣女，莲动下渔舟。</p>
                    <p>随意春芳歇，王孙自可留。</p>
                </div>
            </div>
        </div>
    </div>

    <hr />

    <div class="footer">

    </div>

</body>
</html>